<template>
    <div class="comment nofl">
        <h2 class="comment-title nofl">
            评论
            <span class="span1">（999）</span>
            <button class="write-comment r">
                写评论
            </button>
        </h2>
        <comment-content v-for="(item,index) in 2" :key="index"></comment-content>
        <a href="###" class="more">更多评论</a>
    </div>
</template>

<script>
import commentContent from './comment-content'

export default {
    components:{
        commentContent
    }
}
</script>

<style lang="stylus">
.comment
    padding:16px 20px;
    .comment-title
        line-height:33px;
        font-size:16px;
        text-align:left;
        margin-bottom:14px;
        .span1
            color:#999;
            font-size:13px;
        .write-comment
            padding-left:22px;
            border:0px;
            background:url('./write_comment.png') no-repeat left center;
            background-size:16px 15px;
            outline:none;
            line-height:33px;
            color:#999;
    .more
        display:block;
        color:#5293ff;

</style>


